<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2016/5/13
  Time: 9:51
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>

    <div class="box box-primary" id="variableContent">

        <div id="mailRead">
            <div class="box-header with-border">
                <h3 class="box-title">阅读邮件</h3>

                <div class="box-tools pull-right">
                    <a href="#" class="btn btn-box-tool" data-toggle="tooltip" title="Previous"><i
                            class="fa fa-chevron-left"></i></a>
                    <a href="#" class="btn btn-box-tool" data-toggle="tooltip" title="Next"><i
                            class="fa fa-chevron-right"></i></a>
                </div>
            </div>
            <!-- /.box-header -->
            <div class="box-body no-padding">
                <div class="mailbox-read-info">
                    <h3 id="subjectText">${messageDetail.subject}</h3>
                    <h5 id="from">From: ${messageDetail.fromName}
                        <span class="mailbox-read-time pull-right">${messageDetail.sendtime}</span></h5>
                </div>
                <!-- /.mailbox-read-info -->
                <div class="mailbox-controls with-border text-center">
                    <div class="btn-group">
                        <button type="button" class="btn btn-default btn-sm" data-toggle="tooltip"
                                data-container="body" title="Delete">
                            <i class="fa fa-trash-o"></i></button>
                        <button type="button" class="btn btn-default btn-sm" data-toggle="tooltip"
                                data-container="body" title="Reply">
                            <i class="fa fa-reply"></i></button>
                        <button type="button" class="btn btn-default btn-sm" data-toggle="tooltip"
                                data-container="body" title="Forward">
                            <i class="fa fa-share"></i></button>
                    </div>
                    <!-- /.btn-group -->
                    <button type="button" class="btn btn-default btn-sm" data-toggle="tooltip"
                            title="Print">
                        <i class="fa fa-print"></i></button>
                </div>
                <!-- /.mailbox-controls -->
                <div class="mailbox-read-message" id="messageContent">
                    ${messageDetail.body}
                </div>
                <!-- /.mailbox-read-message -->
            </div>
            <!-- /.box-body -->
            <div class="box-footer" id="attachment">
                <%--附件显示位置--%>
            </div>
            <!-- /.box-footer -->
            <div class="box-footer">
                <div class="pull-right">
                    <button type="button" class="btn btn-default"><i class="fa fa-reply"></i> 回复
                    </button>
                    <button type="button" class="btn btn-default"><i class="fa fa-share"></i> 转发
                    </button>
                </div>
                <button type="button" class="btn btn-default"><i class="fa fa-trash-o"></i> 删除</button>
                <button type="button" class="btn btn-default"><i class="fa fa-print"></i> 下载</button>
            </div>

        </div>
    </div>
